a {text-decoration: none; color:black}
tr.top td { border-bottom: thin solid black; }

.card_action_treasure { background-color:Green;}
.card_action_victory { background-color: Pink;}
.card_treasure_victory { background-color: #55AE3A;}
.card_reaction_victory { background-color: Aqua;}
.card_reaction_treasure { background-color: #A3B04D;}
.card_treasure { background-color:Gold;}
.card_curse { background-color: #BF3EFF;}
.card_victory { background-color:Chartreuse;}
.card_reaction { background-color: #1C86EE;}
.card_duration { background-color: #FE8F4E;}
.card_action { background-color: LightBlue;}
.card_ruin { background-color: Gray;}
.card_unknown { background-color: Gray;}
.option_class { background-color: Beige;}
.end_turn_flash { background-color: #A00000; color: White;}

.screen_messages { font-size:90%}

#gameloglink {
	text-decoration: underline;
	/*text-decoration: none;*/
	font-weight: bold;
	color:red;
}
/*********************** Layout ***********************/
#ingame #sec_screen {
	width: 40%;
	height: 50%;
	border: 1px solid black;
	position: fixed;
	top: 0px;
	right: 20px;
	padding: 5px;
	overflow: auto;
	background-color: white;

	-webkit-box-shadow: 5px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -3px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         -3px 4px 5px rgba(50, 50, 50, 0.75);
}


/*********************** Logs  ***************************/
/*
#logswindows {
	height: 300px;
	width: 900px;	
	overflow:auto;
}*/

#game_area {
	top: 0px;
	width: 55%;
	height: 98%;
	border:1px solid black;
	position: fixed;
	padding: 5px;
	background-color: white;
	overflow:auto;
	-webkit-box-shadow: -3px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -3px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         -3px 4px 5px rgba(50, 50, 50, 0.75);
}

#lobby_area {
	top: 0px;
	width: 99%;
	height: 99%;
	border:1px solid black;
	position: fixed;
	padding: 4px;
	background-color: white;
	overflow:auto;
	-webkit-box-shadow: -3px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -3px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         -3px 4px 5px rgba(50, 50, 50, 0.75);
}

/*********************** Chat  ***************************/
#sec_chat {
	padding: 5px;
	bottom: 5px;
	width: 40%;
	border:1px solid black;
	position: fixed;
	bottom: 0px;
	right: 20px;
	background-color: white;
	-webkit-box-shadow: -3px 4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -3px 4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         -3px 4px 5px rgba(50, 50, 50, 0.75);
}
#chatwindow { 
	height: 200px;
	overflow-y:auto;
}
#chatfrm { 
	padding-top:5px;
	margin-bottom: 0px;
}
#chatfrm input[type=submit] {
	padding: 9;
	margin: 0;
	margin-top: -1px;
	width:19%;
}
#line {
	overflow: hidden;
	word-wrap: break-word;
	resize: none;
	height: 36px;
	width:80%;
	vertical-align: top;
	transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
}

/*********************** ToolTip  ***************************/
.tooltip { 
	display: none; 
	background-color: white;
	padding: 5px;
	border: 1px solid black;
	position:fixed;
	left:10px;
	top:15px;
	
}

/* simple html card */
.simpleHtmlCard {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/********************* chooseMany Input *********************/
.chooseMany label { cursor:pointer; }
.chooseMany input[type="checkbox"] { display: none; }
.chooseMany input[type="checkbox"] + label > span {
	padding: 0px;
	margin: 2px;
	border: 2px solid white;
}
.chooseMany input[type="checkbox"]:checked + label > span {
	border: 2px solid Red;
	#background-color: aqua;
}

/********************* chooseOne Input *********************/
.chooseOne label { cursor:pointer; }
.chooseOne input[type="radio"] { display: none; }
.chooseOne input[type="radio"] + label > span {
	padding: 0px;
	margin: 2px;
	border: 2px solid white;
}
.chooseOne input[type="radio"]:checked + label > span {
	border: 2px solid Red;
	#background-color: aqua;
}

/********************* card cells *********************/
#card_cell {
	height: 66px;
	overflow:hidden;
}
